{include file='header.light.tpl'}

<div id="vk_api_transport"></div>
<script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>

<div class="openid-block">
    <div style="position:absolute; text-align: justify; left:650px; top:200px; width:400px;height: 400px;">OpenID это система единого входа на сайты, порталы, блоги и форумы. Эта система позволяет вам использовать единый аккаунт для аутентификации на множестве не связанных друг с другом сайтов. Это удобно потому, что вам не придется помнить пароли для каждого сайта.</div>
    <div style="position:absolute; text-align: justify; left:650px; top:330px; width:400px;height: 400px;">У вас нет OpenID? Не проблема - вы пользуетесь какой-либо социальной сетью? Например ВКонтакте? Если вы вошли в контакт, то просто нажмите эту кнопку и введите ваш ник:<br />&nbsp;<br /><a href="javascript: openid_vk()"><img src="{$sTemplateWebPathPlugin}img/openid_vk.png" alt="vkontakte" width="84px" height="21px" /></a></div>
    <div style="position:absolute; text-align: justify; left:650px; top:440px; width:400px;height: 400px;">Ваша любимая социальная сеть Facebook? Нажмите эту кнопку и введите ваш ник:<br />&nbsp;<br /><a href="javascript: openid_fb()"><img src="{$sTemplateWebPathPlugin}img/openid_fb.png" alt="facebook" width="154px" height="22px" /></a></div>
    <div style="position:absolute; text-align: justify; left:650px; top:540px; width:400px;height: 400px;">Ваша любимая социальная сеть Twitter? Нажмите эту кнопку и введите ваш ник:<br />&nbsp;<br /><a href="javascript: openid_twitter()"><img src="{$sTemplateWebPathPlugin}img/openid_twitter.png" alt="twitter" width="151px" height="24px" /></a></div>
    <div style="position:absolute; text-align: justify; left:180px; top:630px; width:800px;height: 400px;">Наверняка вы зарегистрированы на почтовых серверах известных поисковиков, воспользуйтесь их аккаунтами:<br />&nbsp;<br />
        &nbsp;
        <span style="display:inline-block;width:150px;"><a href="javascript: openid_yandex()"><img src="{$sTemplateWebPathPlugin}img/openid_yandex.png" alt="yandex" width="47px" height="21px" /></a></span>
        <span style="display:inline-block;width:150px;"><a href="javascript: openid_google()"><img src="{$sTemplateWebPathPlugin}img/openid_google.png" class="google"  alt="google" width="63px" height="21px" /></a></span>
        <span style="display:inline-block;width:150px;"><a href="javascript: openid_rambler()"><img src="{$sTemplateWebPathPlugin}img/openid_rambler.png" alt="rambler" width="84px" height="21px" /></a></span>
    </div>
    <div style="position:absolute; left:180px; top:710px; width:800px;height: 40px;"><a href="\registration/">Я не хочу использовать OpenID</a></div>
    <div style="position:absolute; left:180px; top:200px;">
	<h1>{$aLang.openid_enter_title} <img src="{$sTemplateWebPathPlugin}img/openid.png" class="openid-img" title="{$aLang.openid}" alt="{$aLang.openid}" /></h1>
	
	<form method="post" action="{router page='login'}openid/enter/" id="openid_form">
		<div style="overflow: hidden; zoom: 1;">
			<input type="text" style="float: left" class="openid-text" maxlength="255" name="open_login" id="open_login" />
			<input type="hidden" name="submit_open_login" id="submit_open_login_hidden" value="go"/>
			<input type="hidden" value="{$_aRequest.return}" name="return" />
			<a href="#" class="openid-login" onclick="getEl('openid_form').submit(); return false;"><span>{$aLang.openid_enter}</span></a>
		</div>
		
		<!--div class="openid-services">
			<p>{$aLang.openid_choose_service}</p>	
		</div-->					
	</form>
    </div>
</div>
		
		
<script type="text/javascript">
var sVkTransportPath='{cfg name='plugin.openid.vk.transport_path'}';
var iVkAppId='{cfg name='plugin.openid.vk.id'}';
var iFbAppId='{cfg name='plugin.openid.fb.id'}';
var sVkLoginPath='{$aRouter.login}'+'openid/vk/';
var sFbLoginPath='{$aRouter.login}'+'openid/fb/';
var sTwitterLoginPath='{$aRouter.login}'+'openid/twitter/?authorize=1';
{literal}
	function getEl(id) {
		return document.getElementById(id);
	}

	function openid_yandex() {
		getEl('open_login').value='openid.yandex.ru';		
		getEl('openid_form').submit();
	}
	
	function openid_rambler() {
		getEl('open_login').value='rambler.ru';		
		getEl('openid_form').submit();
	}
	
	function openid_google() {
		getEl('open_login').value='https://www.google.com/accounts/o8/id';		
		getEl('openid_form').submit();
	}
	
	function openid_vk() {		
		VK.Auth.getLoginStatus(function(response) {
			if (response.session) {
				window.location = sVkLoginPath;
			} else {
				VK.Auth.login(function(response) {
					if (response.session) {
						window.location = sVkLoginPath;
					}
				},VK.access.FRIENDS);				
			}
		});
	}
	
	function openid_fb() {		
		FB.getLoginStatus(function(response) {
			if (response.session) {
				window.location = sFbLoginPath;
			} else {
				FB.login(null,{perms:'read_stream,publish_stream,offline_access,email'});				
				FB.login(function(response) {
					if (response.session) {
						window.location = sFbLoginPath;
					}
				});				
			}
		});
	}
	
	function openid_twitter() {
		window.location = sTwitterLoginPath;
	}
	
	VK.init({apiId: iVkAppId, nameTransportPath: sVkTransportPath});
	FB.init({appId: iFbAppId, status: true, cookie: true, xfbml: true});
		
</script>
{/literal}

{include file='footer.light.tpl'}